<template>
	<view class="container">
		<view class="tip">
			您可以一键复制发货仓库地址添加到平台，让卖家发货到这里；也可以让家人/朋友把包裹邮寄到这里
		</view>
		<view style="width: 95%;margin: auto;">
			<u--form labelPosition="left" labelWidth="200rpx" :model="model1" ref="uForm">
				<u-form-item label="发货仓" prop="userInfo.name" borderBottom >
				<u--input disabled border="none" disabledColor="none" placeholder="请选择" v-model="model1.userInfo.name" >
				</u--input>
				<u-icon slot="right" name="arrow-right" @click="show = true"></u-icon>
				</u-form-item>
				<u-form-item label="收件人" prop="userInfo.addressee" borderBottom >
					<u--input v-model="model1.userInfo.addressee" disabled border="none" disabledColor="none"></u--input>
				</u-form-item>
				<u-form-item label="电话" prop="userInfo.phone" borderBottom >
				<u--input disabled border="none" disabledColor="none" v-model="model1.userInfo.phone" ></u--input>
				</u-form-item>
				<u-form-item label="省市" prop="userInfo.city" borderBottom >
					<u--input v-model="model1.userInfo.city" disabled border="none" disabledColor="none"></u--input>
				</u-form-item>
				<u-form-item label="详细地址" prop="userInfo.detail" borderBottom >
					<u--input v-model="model1.userInfo.detail" disabled border="none" disabledColor="none"></u--input>
				</u-form-item>
				<u-form-item label="温馨提示" prop="userInfo.tip" borderBottom >
					<u--input v-model="model1.userInfo.tip" disabled border="none" disabledColor="none"></u--input>
				</u-form-item>
			</u--form>
			<button style="color:#4095E5;margin-top: 10px;">一键复制</button>
			<button disabled="true" style="background-color: #F4CE98;position: fixed;bottom: 10px;width: 95%;margin: auto;">添加我的发货仓地址</button>
			<u-action-sheet :show='show' :actions="actions" title="请选择发货仓" @close="show=false" @select="select">
			</u-action-sheet>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			show:false,
			model1: {
				userInfo: {
					name: '百脑汇',
					addressee:'111',
					phone:'12356788',
					city:'河南省郑州市',
					detail:'百脑汇1515',
					tip:'请复制完整收货地址'
				}
			},	
			actions:[{
						 name:'百脑汇'
			}]
			}
		},
		methods: {
		select(e){
			this.model1.userInfo.name=e.name;
			this.$refs.uForm.validateField('name');
		},	
		}
	}
</script>

<style lang="scss">
	.tip{
		width: 95%;
		height: 60px;
		margin: auto;
		margin-top: 10px;
		background-color: #EFEFEF;
		box-shadow: 5px 5px 10px #8888;
		padding: 5px 3px;
		color: gray;
		margin-bottom: 20px;
	}
</style>
